<template>
     <el-table :data="statementList" style="width: 100%" border default-expand-all
                  :header-cell-style="{ background: '#f4f6f8', color: '#909399' }">
                <el-table-column prop="date" label="序号" type="index" width="80" />
                <el-table-column prop="username" label="姓名" width="130">
                    <template #default="{ row }">
                        <span>{{ row.username == null ? '--' : row.username }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="timeOfEntry" label="入职时间" width="130">
                    <template #default="{ row }">
                        <span>{{ row.timeOfEntry == null ? '--' : row.timeOfEntry }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="mobile" label="手机号" width="130">
                    <template #default="{ row }">
                        <span>{{ row.mobile == null ? '--' : row.mobile }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="idNumber" label="身份证号码" width="200">
                    <template #default="{ row }">
                        <span>{{ row.idNumber == null ? '--' : row.idNumber }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="theHighestDegreeOfEducation" label="学历" width="130">
                    <template #default="{ row }">
                        <span>{{ row.theHighestDegreeOfEducation == null ? '--' : row.theHighestDegreeOfEducation
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="openingBank" label="开户行" width="130">
                    <template #default="{ row }">
                        <span>{{ row.openingBank == null ? '--' : row.openingBank }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="firstLevelDepartment" label="一级部门" width="130">
                    <template #default="{ row }">
                        <span>{{ row.firstLevelDepartment == null ? '--' : row.firstLevelDepartment }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="twoLevelDepartment" label="二级部门" width="130">
                    <template #default="{ row }">
                        <span>{{ row.twoLevelDepartment == null ? '--' : row.twoLevelDepartment }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="workingCity" label="工作城市" width="130">
                    <template #default="{ row }">
                        <span>{{ row.workingCity == null ? '--' : row.workingCity }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="socialSecurityComputerNumber" label="社保电脑号" width="130">
                    <template #default="{ row }">
                        <span>{{ row.socialSecurityComputerNumber == null ? '--' : row.socialSecurityComputerNumber
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="providentFundAccount" label="公积金账号" width="130">
                    <template #default="{ row }">
                        <span>{{ row.providentFundAccount == null ? '--' : row.providentFundAccount }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="leaveDate" label="离职时间" width="130">
                    <template #default="{ row }">
                        <span>{{ row.leaveDate == null ? '--' : row.leaveDate }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="householdRegistrationType" label="户籍类型" width="130">
                    <template #default="{ row }">
                        <span>{{ row.householdRegistrationType == null ? '--' : row.householdRegistrationType }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="participatingInTheCity" label="参保城市" width="130">
                    <template #default="{ row }">
                        <span>{{ row.participatingInTheCity == null ? '--' : row.participatingInTheCity }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="socialSecurityMonth" label="社保月份" width="130">
                    <template #default="{ row }">
                        <span>{{ row.socialSecurityMonth == null ? '--' : row.socialSecurityMonth }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="socialSecurityBase" label="社保基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.socialSecurityBase == null ? '--' : row.socialSecurityBase }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="socialSecurity" label="社保合计" width="130">
                    <template #default="{ row }">
                        <span>{{ row.socialSecurity == null ? '--' : row.socialSecurity }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="socialSecurityEnterprise" label="社保企业" width="130">
                    <template #default="{ row }">
                        <span>{{ row.socialSecurityEnterprise == null ? '--' : row.socialSecurityEnterprise }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="socialSecurityIndividual" label="社保个人" width="130">
                    <template #default="{ row }">
                        <span>{{ row.socialSecurityIndividual == null ? '--' : row.socialSecurityIndividual }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="providentFundCity" label="公积金城市" width="130">
                    <template #default="{ row }">
                        <span>{{ row.providentFundCity == null ? '--' : row.providentFundCity }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="providentFundMonth" label="公积金月份" width="130">
                    <template #default="{ row }">
                        <span>{{ row.providentFundMonth == null ? '--' : row.providentFundMonth }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="providentFundBase" label="公积金基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.providentFundBase == null ? '--' : row.providentFundBase }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="accumulationFundEnterpriseBase" label="公积金企业基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.accumulationFundEnterpriseBase == null ? '--' : row.accumulationFundEnterpriseBase
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="individualBaseOfProvidentFund" label="公积金个人基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.individualBaseOfProvidentFund == null ? '--' : row.individualBaseOfProvidentFund
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="personalRatioOfProvidentFund" label="公积金个人比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.personalRatioOfProvidentFund == null ? '--' : row.personalRatioOfProvidentFund
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="totalProvidentFund" label="公积金合计" width="130">
                    <template #default="{ row }">
                        <span>{{ row.totalProvidentFund == null ? '--' : row.totalProvidentFund }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="providentFundEnterprises" label="公积金企业" width="130">
                    <template #default="{ row }">
                        <span>{{ row.providentFundEnterprises == null ? '--' : row.providentFundEnterprises }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="providentFundIndividual" label="公积金个人" width="130">
                    <template #default="{ row }">
                        <span>{{ row.providentFundIndividual == null ? '--' : row.providentFundIndividual }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="pensionEnterpriseBase" label="养老企业基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.pensionEnterpriseBase == null ? '--' : row.pensionEnterpriseBase }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="proportionOfPensionEnterprises" label="养老企业比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.proportionOfPensionEnterprises == null ? '--' : row.proportionOfPensionEnterprises
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="oldAgeIndividual" label="养老企业" width="130">
                    <template #default="{ row }">
                        <span>{{ row.oldAgeIndividual == null ? '--' : row.oldAgeIndividual }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="personalPensionBase" label="养老个人基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.personalPensionBase == null ? '--' : row.personalPensionBase }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="personalPensionRatio" label="养老个人比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.personalPensionRatio == null ? '--' : row.personalPensionRatio }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="oldAgeIndividual" label="养老个人" width="130">
                    <template #default="{ row }">
                        <span>{{ row.oldAgeIndividual == null ? '--' : row.oldAgeIndividual }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="unemploymentEnterpriseBase" label="失业企业基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.unemploymentEnterpriseBase == null ? '--' : row.unemploymentEnterpriseBase
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="proportionOfUnemployedEnterprises" label="失业企业比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.proportionOfUnemployedEnterprises == null ? '--' :
                            row.proportionOfUnemployedEnterprises }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="unemployedEnterprise" label="失业企业" width="130">
                    <template #default="{ row }">
                        <span>{{ row.unemployedEnterprise == null ? '--' : row.unemployedEnterprise }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="theNumberOfUnemployedIndividuals" label="失业个人基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.theNumberOfUnemployedIndividuals == null ? '--' :
                            row.theNumberOfUnemployedIndividuals }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="percentageOfUnemployedIndividuals" label="失业个人比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.percentageOfUnemployedIndividuals == null ? '--' :
                            row.percentageOfUnemployedIndividuals }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="unemployedIndividual" label="失业个人" width="130">
                    <template #default="{ row }">
                        <span>{{ row.unemployedIndividual == null ? '--' : row.unemployedIndividual }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="medicalEnterpriseBase" label="医疗企业基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.medicalEnterpriseBase == null ? '--' : row.medicalEnterpriseBase }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="proportionOfMedicalEnterprises" label="医疗企业比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.proportionOfMedicalEnterprises == null ? '--' : row.proportionOfMedicalEnterprises
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="medicalEnterprise" label="医疗企业" width="130">
                    <template #default="{ row }">
                        <span>{{ row.medicalEnterprise == null ? '--' : row.medicalEnterprise }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="medicalPersonalBase" label="医疗个人基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.medicalPersonalBase == null ? '--' : row.medicalPersonalBase }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="medicalPersonalRatio" label="医疗个人比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.medicalPersonalRatio == null ? '--' : row.medicalPersonalRatio }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="medicalIndividual" label="医疗个人 " width="130">
                    <template #default="{ row }">
                        <span>{{ row.medicalIndividual == null ? '--' : row.medicalIndividual }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="baseOfIndustrialInjuryEnterprises" label="工伤企业基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.baseOfIndustrialInjuryEnterprises == null ? '--' :
                            row.baseOfIndustrialInjuryEnterprises }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="proportionOfIndustrialInjuryEnterprises" label="工伤企业比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.proportionOfIndustrialInjuryEnterprises == null ? '--' :
                            row.proportionOfIndustrialInjuryEnterprises }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="industrialInjuryEnterprise" label="工伤企业" width="130">
                    <template #default="{ row }">
                        <span>{{ row.industrialInjuryEnterprise == null ? '--' : row.industrialInjuryEnterprise
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="fertilityEnterpriseBase" label="生育企业基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.fertilityEnterpriseBase == null ? '--' : row.fertilityEnterpriseBase }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="proportionOfFertilityEnterprises" label="生育企业比例 " width="130">
                    <template #default="{ row }">
                        <span>{{ row.proportionOfFertilityEnterprises == null ? '--' :
                            row.proportionOfFertilityEnterprises }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="childbearingEnterprise" label="生育企业" width="130">
                    <template #default="{ row }">
                        <span>{{ row.childbearingEnterprise == null ? '--' : row.childbearingEnterprise }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="baseOfSeriousIllness" label="大病企业基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.baseOfSeriousIllness == null ? '--' : row.baseOfSeriousIllness }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="proportionOfSeriouslyIllEnterprises" label="大病企业比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.proportionOfSeriouslyIllEnterprises == null ? '--' :
                            row.proportionOfSeriouslyIllEnterprises }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="bigDiseaseEnterprise" label="大病企业" width="130">
                    <template #default="{ row }">
                        <span>{{ row.bigDiseaseEnterprise == null ? '--' : row.bigDiseaseEnterprise }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="personalBaseOfSeriousIllness" label="大病个人基数" width="130">
                    <template #default="{ row }">
                        <span>{{ row.personalBaseOfSeriousIllness == null ? '--' : row.personalBaseOfSeriousIllness
                            }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="personalProportionOfSeriousIllness" label="大病个人比例" width="130">
                    <template #default="{ row }">
                        <span>{{ row.personalProportionOfSeriousIllness == null ? '--' :
                            row.personalProportionOfSeriousIllness }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="aPersonOfGreatDisease" label="大病个人" width="130">
                    <template #default="{ row }">
                        <span>{{ row.aPersonOfGreatDisease == null ? '--' : row.aPersonOfGreatDisease }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="providentFundNotes" label="公积金备注" width="130">
                    <template #default="{ row }">
                        <span>{{ row.providentFundNotes == null ? '--' : row.providentFundNotes }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="yearsMonth" label="社保备注" width="130">
                    <template #default="{ row }">
                        <span>{{ row.yearsMonth == null ? '--' : row.yearsMonth }}</span>
                    </template>
                </el-table-column>
            </el-table>
</template>

<script setup >
 import {ref} from "vue"
 let props = defineProps({
    statementList: {
        type: Array,
        default: () => []
    }
 })
 console.log(props.statementList);

</script>

<style scoped>

</style>